/**
* Copyright (c) 2022 - present TinyVue Authors.
* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
*
* Use of this source code is governed by an MIT-style license.
*
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
*
*/

.component-css-vars-modal() {
  --ti-modal-font-size: var(--ti-common-font-size-base);
  --ti-modal-text-color: var(--ti-base-color-info-normal);
  --ti-modal-font-family: Helvetica, Arial, 'Microsoft YaHei', sans-serif;

  --ti-modal-primary-icon-color: var(--ti-common-color-prompt);
  --ti-modal-success-icon-color: var(--ti-common-color-success);
  --ti-modal-error-icon-color: var(--ti-common-color-error);
  --ti-modal-warning-icon-color: var(--ti-common-color-warn);

  --ti-modal-loading-icon-color: var(--ti-common-color-prompt);
  --ti-modal-alert-font-size: 22px;

  --ti-modal-header-font-size: var(--ti-common-font-size-3);
  --ti-modal-header-text-color: var(--ti-common-color-text-primary);
  --ti-modal-header-font-weight: var(--ti-base-font-weight-bold);
  --ti-modal-header-padding-top: 32px;
  --ti-modal-header-padding-horizontal: 32px;
  --ti-modal-header-padding-bottom: 12px;

  --ti-modal-body-padding-top: 0;
  --ti-modal-body-padding-horizontal: 32px;
  --ti-modal-body-padding-bottom: 0;
  --ti-modal-footer-padding-top: 28px;
  --ti-modal-footer-padding-horizontal: 32px;
  --ti-modal-footer-padding-bottom: 32px;
  --ti-modal-footer-btn-border-radius: var(--ti-common-border-radius-normal);
  --ti-modal-close-btn-font-size: var(--ti-common-font-size-1);
  --ti-modal-close-btn-top: 13px;
  --ti-modal-close-btn-scale: scale(1, 1);
  --ti-modal-close-btn-padding-horizontal-vertical: 0;
  --ti-modal-small-btn-font-size: var(--ti-common-font-size-2);
  --ti-modal-box-background-color: var(--ti-base-color-light);
  --ti-modal-btn-text-color: var(--ti-base-color-common-1);
  --ti-modal-box-shadow: var(--ti-common-shadow-4-down);
  --ti-modal-box-border-radius: var(--ti-common-border-radius-normal);
  --ti-modal-border-color: rgba(0, 0, 0, 0.2);
  --ti-modal-close-btn-background-color-hover: var(--ti-base-color-light);
  --ti-modal-footer-default-display-button: inline-block;
  --ti-modal-box-width: 400px;
}
